<!doctype html> 
<html>
<head>
	<meta charset="UTF-8"> 
  <script src="lib/js/jquery-1.4.4.min.js"></script>
  <script src="lib/js/jquery-ui-1.8.9.custom.min.js"></script>
  <!--<script src="lib/jquery.mousewheel.js"></script>-->
  <link rel="stylesheet" 
        href="lib/css/styles.css"
        type="text/css">
  <title>Drag & Drop Sample</title>
  <!-- draggable設定 -->
  <script>
    $(document).ready(function() {
      $('.box').draggable({
        opacity: 0.5,
        cursor: 'move',
        zIndex: 10000
      });
    });
  </script>
  <style type="text/css" media="screen">
    .box {
      cursor: move;
    }
  </style>

</head>
<body>
  <h1>Drag & Drop Sample</h1>
  <p>
    Drag & Drop を実現するだけのサンプル(*ﾉω<*)☆
  </p>
  <div id="container">
    <div id="box1" class="box">Blue</div>
    <div id="box2" class="box">Red</div>
    <div id="box3" class="box">Yellow</div>
    <div id="box4" class="box">Green</div>
  </div>
</body>
</html>
